<template>
  <div>
    <toolbar :view-title="viewTitle">
      <div
        class="leftButton"
        type="button"
        slot="left-button"
        @click="this.$broadcast('goBack')">&nbsp;
      </div>
    </toolbar>
    <div id="explain">
      <table>
        <tr>
          <th>指标</th>
          <th>口径说明</th>
          <th>数据来源</th>
        </tr>
        <tr>
          <td>销量</td>
          <td>指商品的销量</td>
          <td>天猫、淘宝</td>
        </tr>
        <tr>
          <td>价格</td>
          <td>指商品的页面成交价格</td>
          <td>各电商平台</td>
        </tr>
        <tr>
          <td>销额</td>
          <td>销量*价格</td>
          <td>计算值</td>
        </tr>
        <tr>
          <td>品牌销量份额</td>
          <td>指该品牌所选品类的销量/该品类总销量</td>
          <td>计算值</td>
        </tr>
        <tr>
          <td>品牌销额份额</td>
          <td>指该品牌所选品类的销额/该品类总销额</td>
          <td>计算值</td>
        </tr>
        <tr>
          <td>环比增长率</td>
          <td>（本周期值-上周期值）/上周期值</td>
          <td>计算值</td>
        </tr>
        <tr>
          <td>总评论数</td>
          <td>指商品的评论条数</td>
          <td>各电商平台</td>
        </tr>
        <tr>
          <td>好评数</td>
          <td>评分为4-5的评论条数（评分来自用户打分以及自然语言模型计算）</td>
          <td>各电商平台</td>
        </tr>
        <tr>
          <td>中评数</td>
          <td>评分为2-3的评论条数（评分来自用户打分以及自然语言模型计算）</td>
          <td>各电商平台</td>
        </tr>
        <tr>
          <td>差评数</td>
          <td>评分为1的评论条数（评分来自用户打分以及自然语言模型计算）</td>
          <td>各电商平台</td>
        </tr>
        <tr>
          <td>品牌差评率</td>
          <td>该品牌的差评数/该品牌的总评论数</td>
          <td>计算值</td>
        </tr>
        <tr>
          <td>评论的正负面</td>
          <td>根据自然语言文本分析的结果对评论按指标评判正负面</td>
          <td>计算值</td>
        </tr>
        <tr>
          <td>一级指标提及率</td>
          <td>该指标的评论数/总评论数</td>
          <td>计算值</td>
        </tr>
        <tr>
          <td>一级指标差评率</td>
          <td>该指标的负面评论数/该指标所在的评论数</td>
          <td>计算值</td>
        </tr>
        <tr>
          <td>三级指标提及率</td>
          <td>该指标的评论数/该指标所在一级指标的评论数</td>
          <td>计算值</td>
        </tr>
        <tr>
          <td>三级指标差评率</td>
          <td>该指标的负面评论数/该指标所在一级指标的评论数</td>
          <td>计算值</td>
        </tr>
      </table>
    </div>
  </div>
</template>

<script>
  import Toolbar from '../common/Toolbar.vue'
  export default {
    components: {
      Toolbar
    },
    data: function () {
      return {
        viewTitle: '数据来源'
      }
    },
    computed: {
//      routerPath: this.$route.path
    },
    methods: {
      goBack: function () {
        window.history.back()
      }
    },
    ready: function () {
    }
  }
</script>

<style lang="scss" scoped>
  #explain {
    margin-top: 6.7vh;
    margin-bottom: 7.4vh;
    height: 85.5vh;
    overflow: auto;
    box-sizing: border-box;

    table{
      margin-right: -1px;
      font-size: .26rem;
      color: #666;
      border-collapse: collapse;
      /*width: 100%;*/
      border: none;
      // table-layout:fixed;


      tr{
        height: 1rem;


        th{
           vertical-align: middle;
           background: rgba(89, 144, 220, 1);
           color: #fff;
           border-right: 1px solid #fff;
           font-size: .32rem;
           font-weight: 500;

          &:nth-child(1) {
            width: 2rem;
          }
          &:nth-child(2) {
            width: 3rem;
          }
          &:nth-child(3) {
            border-right: none;
           }
        }

        td {
          padding: .1rem;
          border: 1px solid #e2e2e2;
          vertical-align: middle;
          /*border-bottom: none;*/
        }

        td:nth-child(1),
        td:nth-child(3) {
          text-align: center;
        }
      }
    }

  }

</style>
